/**
 *  @desc:浏览器默认样式的修改，类似normalize.css
 */
 @charset "UTF-8";

 @import "variables";
 html{
  font-size: 12px;
  // overflow-y: scroll;
}
 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, input, textarea, th, td {
   margin:0; padding:0;
   font: normal 100% 'Microsoft YaHei', '微软雅黑',Helvetica, Arial, sans-serif, SimSun;
   color: $font-color;
 }
 body, button, input, select, textarea {  }
 h1, h2, h3, h4, h5, h6{  }
 address, cite, dfn, em, var {}
 code, kbd, pre, samp {  }
 small{ }
 ul, ol, li { list-style:none; }
 a { text-decoration:none;outline: none}
 a:hover { text-decoration:none;cursor: pointer }
 sup { vertical-align:text-top; }
 sub{ vertical-align:text-bottom; }
 legend { color:#000; }
 fieldset, img { border:0; }
//  button, input, select, textarea { border-style: none;background-color: transparent}
 table { border-collapse:collapse; border-spacing:0; }
 button:hover{cursor: pointer}
 html,body{height:100%; width: 100%; overflow:hidden;}
 *,
 *:after,
 *:before {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 .fl{
   float: left;
 }
 .fr{
   float: right;
 }
 .clearfix:after{
   content: "";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
// tansition  切换路由淡入淡出效果
.fade-enter {
  opacity:0;
}
.fade-enter-active{
  transition:opacity .28s;
}
.fade-leave-active{
  opacity:0;
  transition:opacity .28s;
}
// 日期范围选择器
.el-date-editor .el-range-separator{
  width: 6%;
}
// 表格
.el-table th{
  font-size: 12px;
  font-weight: bold;
  color: #999;
  padding: 6px 0;
}
.el-table td{
  font-size: 12px;
  padding: 6px 0;
}
//dialog
.el-dialog__title {
  font-size: 16px;
  font-weight: normal;
}
.el-dialog__body{
  padding: 10px 20px 20px;
}
// input
.el-input__inner {
  height: 35px;
  line-height: 35px;
}
// button
.el-button{
  line-height: .7;
  padding: 10px 14px;
}
